<template>
	<view class="container">
		<view class="title">
			<image style="height: 40rpx;width: 40rpx;" src="../../../static/feed/must.png"></image>
			<text class="content">预定须知</text>
		</view>
		<view class="content" style="margin-bottom: 10rpx;">
			请确认您的宠物已接种疫苗，性格温顺无攻击性，不在发情期、怀孕期或哺乳期，且无任何生命体征或致命性传染性疾病等服务协议中所提及的情况。请确认您填写的信息真实、完整、无误，并符合平台上门服务要求。
		</view>
		<view class="title">
			<image style="height: 40rpx;width: 40rpx;" src="../../../static/feed/must.png"></image>
			<text class="content">取消政策</text>
		</view>
		<view class="content" style="margin-bottom: 30rpx;">
			分配伴宠专员成功前，可无责取消。分配伴宠专员成功后，在订单服务日期首天0时前可无责取消，退款12小时内到账。
		</view>
		<checkbox-group @change="changeRead">
			<checkbox style="transform:scale(0.8);" color="#79b1ca" activeBorderColor="#79b1ca" activeBackgroundColor="#f8e177" />
			<text class="content">已阅读并同意<text @click="goXieyi('zhuyi')" style="color:#79b1ca ;">《注意事项》</text></text>
		</checkbox-group>
	</view>
</template>

<script lang="ts" setup>
	import {ref,reactive,defineProps,defineEmits} from "vue"
	
	let isread=ref(false)
	const emits=defineEmits(['changeread'])
	function goXieyi(e){
		uni.navigateTo({
			url:"/pages/xieyi/index?type="+e
		})
	}
	function changeRead(){
		isread.value=!isread.value
		emits('changeread',isread.value)
	}
	
</script>

<style lang="scss">
	.container{
		width: 100%;
		height: 700rpx;
		background-color: #ffffff;
		box-sizing: border-box;
		margin-bottom: 10rpx;
		padding: 20rpx 30rpx;
		
		.title{
			display: flex;
			align-items: center;
			margin-bottom: 10rpx;
		}
		
		.content{
			margin-left: 10rpx;
			letter-spacing: 0.1em;
		}
	}
</style>
